<div fxLayout="column" class="fullscreen">
    <header class="app-header noshrink">
        <div class="margin-l">
            <img class="header-logo" src="{{store.merchant.logo?store.merchant.logo:'./assets/images/LOGO.png'}}">
        </div>
        <span class="margin-l-xs">{{store ? store.merchant.storeName : ""}}</span>
    </header>
    <div fxLayout="column" fxFlex="100%">
        <div fxLayout="column" class="padding" fxFlex="50%">
            <span class="text-l">管理员登录</span>
            <md-input-container class="pct100 v-gap-s text-s">
                <input mdInput placeholder="注册的手机号码" [(ngModel)]="username">
            </md-input-container>
            <md-input-container class="pct100 text-s">
                <input type="password" mdInput placeholder="密码" [(ngModel)]="password">
            </md-input-container>
        </div>
        <div class="padding" fxLayout="column" fxFlex="50%">
            <button class="pct100 bgcolor-primary content-btn color-white" md-button (click)="login()">登录</button>
            <div fxLayout="column" class="v-gap-s text-s">
                <span>为什么需要管理员登录？</span>
                <span class="color-lightgray v-gap">初次使用店员宝需要管理员授权才能使用设备，店长或店面经理均可登录授权。</span>
            </div>
        </div>
    </div>
</div>